<div id="header" th:replace="common/top"/>
<H1 align="center">个人信息注册</H1>
<div id="Catalog">
  <form action="register" method="post" accept-charset="UTF-8">
    <table align="center">
      <h3 align="center">USER INFORMATION</h3>
      <tbody>
      <tr>
        <td>USER ID:</td><td><input type="text" id="USERID" name="USERID" /></td>
      </tr>
      <div id="IdMsg">
      </div>
      <tr>
        <td>PASSWORD:</td><td><input type="text" id="PWD" name="PASSWORD" /></td>
      </tr>
      <tr>
        <td>CONFIRM PASSWORD:</td><td><input type="text" id="CONFIRM" name="CONFIRM" /></td>
      </tr>
      </tbody>
    </table>
    <h3 align="center">ACCOUNT INFORMATION</h3>
    <table align="center">
      <tbody>
      <tr>
        <td>FIRST NAME:</td><td><input type="text" name="FIRSTNAME" id="FIRSTNAME" /></td>
      </tr>
      <tr>
        <td>LAST NAME:</td><td><input type="text" name="LASTNAME" id="LASTNAME" /></td>
      </tr>
      <tr>
        <td>EMAIL:</td><td><input type="text" name="EMAIL" id="EMAIL" /></td>
      </tr>
      <tr>
        <td>PHONE:</td><td><input type="text" name="PHONE" id="PHONE" /></td>
      </tr>
      <tr>
        <td>ADDRESS 1:</td><td><input type="text" name="ADDRESS1" /></td>
      </tr>
      <tr>
        <td>ADDRESS 2:</td><td><input type="text" name="ADDRESS2" /></td>
      </tr>
      <tr>
        <td>CITY:</td><td><input type="text" name="CITY" /></td>
      </tr>
      <tr>
        <td>STATE:</td><td><input type="text" name="STATE" /></td>
      </tr>
      <tr>
        <td>ZIP:</td><td><input type="text" name="ZIP" /></td>
      </tr>
      <tr>
        <td>COUNTRY:</td><td><input type="text" name="COUNTRY" /></td>
      </tr>
      </tbody>
    </table>
    <h3 align="center">PREFERENCE INFORMATION</h3>
    <table align="center">
      <tbody>
      <tr>
        <td>LANGUAGE:</td>
        <td>
          <select name="LANGUAGE">
            <option value="ENGLISH">ENGLISH</option>
            <option value="CHINESE">CHINESE</option>
          </select>
        </td>
      </tr>
      <tr>
        <td>PET PREFERENCE:</td>
        <td>
          <select name="PET">
            <option value="DOGS">DOGS</option>
            <option value="FISH">FISH</option>
            <option value="CATS">CATS</option>
            <option value="REPTILES">REPTILES</option>
            <option value="BIRDS">BIRDS</option>
          </select>
        </td>
      </tr>
      <tr>
        <td>ENABLE MYLIST:</td>
        <td><input type="checkbox" name="LISTOPTION" value="true" /></td>
      </tr>
      <tr>
        <td>ENABLE MYBANNER:</td>
        <td>
          <input type="checkbox" name="BANNEROPTION" value="true"/>
        </td>
      </tr>
      <!-- 验证码 -->
      <tr>
        <td><input type="text" name="yzcode" placeholder="verification"></td>
        <td>
          <a href="javascript:changeCode()"><img title="Unclear?Change another"  id="yzImg"  src="verification" οnclick="changeCode()"></a>
          <br />
          <a href="javascript:changeCode()">Unclear?Change another</a>
        </td>
      </tr>

      <tr align="center">
        <td>
          <input type="reset" value="Reset" />
        </td>
        <td>
          <input type="submit" value="Register" class="user-form-submit"/>
        </td>
      </tr>
      </tbody>
        <font color="red" size="15px" th:text="${RegMeg != null ? RegMsg : ''}"></font>
    </table>
  </form>
</div>

<script src="/js/register.js" ></script>
<div id="footer" th:replace="common/bottom"/>